<style>
    .contain{
        padding: 20px;
    }
    .layui-form-item .layui-input-inline{
        width: 300px;
    }
    .layui-form-item .layui-inline{
        width: 400px;
    }
    .table{
        border-bottom:1px solid lightblue;
        border-right:1px solid lightblue;
    }
    .table_header{
        background: #fff3f3;
    }
    .table ul{
        padding: 0;
    }
    .table ul li{
        border-top:1px solid lightblue;
        border-left:1px solid lightblue;
        text-align: center;
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
</style>

<div class="contain" ng-controller="dataBase_list" ng-init="init()">
    <form class="layui-form" action="" lay-filter="example">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">表名</label>
                <div class="layui-input-inline">
                    <select name="modules" lay-verify="required">
                        <option value="">直接选择</option>
                        <option ng-repeat="item in dataBaseList" value="{{$index}}">{{item}}</option>
                    </select>
                </div>
            </div>
        </div>
    </form>
    <div class="table clearfix">
        <ul class="col-sm-4">
            <li class="table_header">字段名称</li>
            <li ng-repeat="i1 in detailData.columnNames track by $index">{{i1}}</li>
        </ul>
        <ul class="col-sm-4">
            <li class="table_header">字段类型</li>
            <li ng-repeat="i2 in detailData.columnTypes track by $index">{{i2}}</li>
        </ul>
        <ul class="col-sm-4">
            <li class="table_header">字段注解</li>
            <li ng-repeat="i3 in detailData.ColumnComments track by $index">{{i3}}</li>
        </ul>
    </div>
</div>